<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-model双向绑定</title>
    <script src="js/vue-2.7.14.js"></script>
</head>
<body>
<!--双向绑定简化前后端数据交互，改变其中一方即另一方随之改变，不用再去获取改变的值-->
<div id="app">
    姓名：<input type="text" name="username" v-model="aa.username">
    性别：<input type="text" name="sex" v-model="aa.sex">
    年龄：<input type="text" name="age" v-model="aa.age">

</div>
</body>
<script>
    new Vue({
        el:"#app",
        data:{
            aa:{username:"bubu",sex:"男",age:18}
        }
    });
</script>

</html>